<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script src="../vue.js"></script>
</head>
<body>
<div id="app">

  <h1>{{msg}}</h1>
  <h3>选择一个你最想去的城市:</h3>
  <select name="city" v-model="city">
    <option>武汉</option>
    <option>北京</option>
    <option>上海</option>
    <option>杭州</option>
    <option>台湾</option>
  </select>

  <h3>请选择你喜欢的城市:</h3>
  <select name="citys[]" v-model="citys" multiple>
    <option value="武汉">武汉</option>
    <option value="北京">北京</option>
    <option value="上海">上海</option>
    <option value="杭州">杭州</option>
    <option value="台湾">台湾</option>
  </select>

</div>

<script>
  Vue.config.productionTip = false;
  const vm = new Vue({
    el:'#app',
    data(){
      return{
        msg:'hello Vue~~~',
        city:'',
        citys:[]
      }
    }
  })
</script>

</body>
</html>